<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="apple-mobile-web-app-title" content="仙王的日常">
	<meta name="format-detection" content="telphone=no, email=no" />
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="HandheldFriendly" content="true">
	<meta name="MobileOptimized" content="320">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<meta name="screen-orientation" content="portrait">
	<meta name="browsermode" content="application">
	<meta name="full-screen" content="yes">
	<meta name="x5-orientation" content="portrait">
	<meta name="x5-fullscreen" content="true">
	<meta name="x5-page-mode" content="app">
	<title>个人信息</title>
	<link rel="stylesheet" type="text/css" href="../css/public.css" />
	<link rel="stylesheet" type="text/css" href="../css/personDetail.css" />
</head>

<body>
	<div class="zone">
		<div class="nav-bar" id="nav-bar"></div>
		<div class="main">
			<div class="link-group">
				<div class="block item" id="feedback">
					<p class="p">我的头像</p>
					<div class="headbox">
						<div id="previewImg">
							<input type="file" accept="image/png,image/jpeg,image/jpg" id="fileInp">
							<img src="" id="fileImg">
						</div>
						<img class="icon-fonr" src="http://img.qunx.top/xianwang/public/arrow.png" alt="">
					</div>
				</div>
				<div class="block item" id="openNick">
					<p class="p">昵称</p>
					<div class="headbox">
						<p class="nickname" id="nickname"></p>
						<img class="icon-fonr" src="http://img.qunx.top/xianwang/public/arrow.png" alt="">
					</div>
				</div>
				<div class="block item">
					<p class="p">手机号</p>
					<p class="nickname" id="mobile"></p>
				</div>
				<div class="block item">
					<p class="p">ID号/邀请码</p>
					<p class="nickname" id="invitedcode"></p>
				</div>
				<div class="block item" id="openWeixin">
					<p class="p">微信</p>
					<p class="nickname" id="weixin"></p>
				</div>
				<div class="block item" id="openQQ">
					<p class="p">QQ</p>
					<p class="nickname" id="QQcode"></p>
				</div>
			</div>
			<div class="gameinfo">
				<p class="gamep">游戏信息</p>
				<div class="qubox">
					<p class="liebio" id="zoneService"></p>
					<button id="bangding" class="btnqie"><span class="border">绑定</span></button>
				</div>
			</div>
		</div>

		<!-- 昵称 -->
		<div class="modal modal-nick" id="modal-nick">
			<div class="modal-mask"></div>
			<div class="modal-bodyrule">
				<p class="imgtitle"><img src="http://img.qunx.top/xianwang/public/nick.png" alt=""></p>
				<p class="rule-p">我的昵称</p>
				<input type="text" maxlength="6" id="changeNickname" class="inpchange">
				<div class="btns">
					<button class="logCancell" id="nickCancell">取消</button>
					<button class="logDeter" id="nickDeter">确定</button>
				</div>
			</div>
		</div>

		<!-- 我的微信号 -->
		<div class="modal modal-weixin" id="modal-weixin">
			<div class="modal-mask"></div>
			<div class="modal-bodyrule">
				<p class="imgtitle"><img src="http://img.qunx.top/xianwang/public/weixin.png" alt=""></p>
				<p class="rule-p">我的微信号</p>
				<input type="text" maxlength="12" id="changeweixin" class="inpchange">
				<div class="btns">
					<button class="logCancell" id="weixinCancell">取消</button>
					<button class="logDeter" id="weixinDeter">确定</button>
				</div>
			</div>
		</div>

		<!-- 我的QQ号 -->
		<div class="modal modal-qq" id="modal-qq">
			<div class="modal-mask"></div>
			<div class="modal-bodyrule">
				<p class="imgtitle"><img src="http://img.qunx.top/xianwang/public/QQi.png" alt=""></p>
				<p class="rule-p">我的QQ号</p>
				<input type="text" maxlength="10" id="changeqq" class="inpchange">
				<div class="btns">
					<button class="logCancell" id="qqCancell">取消</button>
					<button class="logDeter" id="qqDeter">确定</button>
				</div>
			</div>
		</div>

		<!-- 绑定游戏区服和角色 -->
		<div class="modal modal-binding" id="modal-binding">
			<div class="modal-mask"></div>
			<div class="modal-bodyhuaru">
				<p class="slidetitle">绑定游戏区服和角色</p>
				<img class="slide-close" id="binding-close" src="http://img.qunx.top/xianwang/home/cha.png" alt="">
				<p class="renzhenp">请绑定绝世仙王的区服和角色</p>
				<p class="wanhc">您账号下的区服和角色，最多同时只能绑定一个区服和角色，未绑定前，每个区服仅展示等级最高的角色，绑定后无论等级不再支持展示和换绑同区其他角色</p>
				<div class="successbox">
					<div id="bindingList">

						<!-- <div class="nobpx">
							<div class="noleft">
								<p class="n1">完成实名认证</p>
								<p class="n2">绑定支付宝即可免费完成实名认证</p>
							</div>
							<button class="Noreceive">
								<span class="rebox">去完成</span>
							</button>
						</div> -->

					</div>
					<div class="empty" id="empty">
						<p>暂无角色，点击前往下载游戏创建角色领取奖励</p>
						<button class="treceive" onclick="openTips('暂无角色，点击前往下载游戏创建角色领取奖励')">
							<span class="rebox">前往</span>
						</button>
					</div>

				</div>
			</div>
		</div>


		<!-- 温馨提示 -->
		<div class="modal modal-tips" id="modal-tips">
			<div class="modal-mask"></div>
			<div class="modal-bodyrule">
				<p class="ruletitle">温馨提示</p>
				<p class="rule-p">郑重提示：请准备好实名信息后联系客服修改绑定的区服和角色名，一旦修改成功，将终生无法切换回原区服。累计游戏充值小于1000的用户仅可修改1次。</p>
				<img class="tips-close" id="tips-close" src="http://img.qunx.top/xianwang/public/cha.png" alt="">
			</div>
		</div>
	</div>
	<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/personDetail.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>